<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=1200">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="renderer" content="webkit">
    <meta name="HandheldFriendly" content="true">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link th:href="@{/resources/css/register.css}" rel="stylesheet"> 
  </head>
  
  <body> 
    <div id="app" class="">
      <!---->
      <!---->
      <div class="bind-email">
        <div class="el-dialog__wrapper" style="display: none;">
          <div class="el-dialog el-dialog--small" style="top: 15%;">
            <div class="el-dialog__header">
              <span class="el-dialog__title">请您立即绑定邮箱，账户更安全</span>
              <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                <i class="el-dialog__close el-icon el-icon-close"></i>
              </button>
            </div>
            <!---->
            <!----></div>
        </div>
        <div class="el-dialog__wrapper authorize-dialog" style="display: none;">
          <div class="el-dialog el-dialog--small" style="top: 15%;">
            <div class="el-dialog__header">
              <span class="el-dialog__title">第一步：身份验证</span>
              <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                <i class="el-dialog__close el-icon el-icon-close"></i>
              </button>
            </div>
            <!---->
            <div class="el-dialog__footer">
              <button type="button" class="el-button option-buttom-full el-button--primary">
                <!---->
                <!---->
                <span>确定</span></button>
            </div>
          </div>
        </div>
        <div class="el-dialog__wrapper" style="display: none;">
          <div class="el-dialog el-dialog--small" style="top: 15%;">
            <div class="el-dialog__header">
              <span class="el-dialog__title">第二步：绑定邮箱</span>
              <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                <i class="el-dialog__close el-icon el-icon-close"></i>
              </button>
            </div>
            <!---->
            <div class="el-dialog__footer">
              <button type="button" class="el-button immediate-binding-btn el-button--primary">
                <!---->
                <!---->
                <span>立即绑定</span></button>
            </div>
          </div>
        </div>
      </div>
      <div class="auth-router">
        <!---->
        <div class="auth-panel">
          <div class="banner">
            <div class="logo dc-logo dc-logo-white">
              <a th:href="@{/public/portal}" title="回到首页">
                <img src="http://cloud.linesno.com/resources/icons/logo_aws.png" style="width: 92px;">
              </a>
            </div>
            <div style="padding-bottom: 53px;"> 
              <p class="title">注册即送4折优惠券大礼包</p>
              <p class="description">包含多张4折优惠券，最高可节省255元</p>
              <p class="description">更有个人9.9元套餐，企业0元套餐等您来体验</p></div>
          </div>
          <div class="content">
            <div class="main sign-up">
              <p class="title">免费注册</p>
              <p class="sub-title">已有账户，
                <a href="#/auth/signin?channel=0&amp;return_to=https%3A%2F%2Fwww.didiyun.com%2F" class="login">我要登录
                  <i class="el-icon-arrow-right-2" style="margin-left: 4px; margin-bottom: 2px;"></i></a>
              </p>
              <form class="el-form">
                <div class="el-form-item is-required">
                  <label for="phone" class="el-form-item__label">手机号码</label>
                  <div class="el-form-item__content">
                    <div class="el-input">
                      <!---->
                      <!---->
                      <input autocomplete="off" placeholder="158xxxxx888" type="text" rows="2" maxlength="11" validateevent="true" class="el-input__inner">
                      <!---->
                      <!----></div>
                    <!----></div>
                </div>
                <div class="el-form-item is-required">
                  <label for="signup_password" class="el-form-item__label">密码</label>
                  <div class="el-form-item__content">
                    <div class="el-input el-input-group el-input-group--append" autocomplete="off">
                      <!---->
                      <!---->
                      <input autocomplete="off" placeholder="8~16位，包含大小写字母、数字、特殊字符" type="password" rows="2" maxlength="16" validateevent="true" class="el-input__inner">
                      <!---->
                      <div class="el-input-group__append">
                        <svg aria-hidden="true" class="svg-icon el-icon-eye-close">
                          <use xlink:href="#icon-uneye"></use>
                        </svg>
                      </div>
                    </div>
                    <!----></div>
                </div>
                <div class="el-form-item is-required">
                  <label for="vcode" class="el-form-item__label">手机验证码</label>
                  <div class="el-form-item__content">
                    <div class="el-input el-input-group el-input-group--append">
                      <!---->
                      <!---->
                      <input autocomplete="off" placeholder="查看短信" type="text" rows="2" maxlength="6" validateevent="true" class="el-input__inner">
                      <!---->
                      <div class="el-input-group__append">
                        <span>|</span>
                        <span class="vcode disable">获取验证码</span></div>
                    </div>
                    <!----></div>
                </div>
                <div class="addition">
                  <label class="el-checkbox single">
                    <span class="el-checkbox__input is-checked">
                      <span class="el-checkbox__inner"></span>
                      <input type="checkbox" class="el-checkbox__original" value=""></span>
                    <span class="el-checkbox__label">
                      <span class="custom_color">我已阅读并同意</span>
                      <a target="_blank" href="/static/pages/user-agreement.html" class="service-protocol">用户协议、</a>
                      <a target="_blank" href="/static/pages/privacy.html" class="service-protocol">法律声明和隐私政策</a>
                      <!----></span>
                  </label>
                </div>
                <button type="submit" class="el-button option-buttom-full success-btn el-button--primary">
                  <!---->
                  <!---->
                  <span>注册</span></button>
              </form>
              <!----></div>
          </div>
        </div>
      </div>
      <!---->
      <div class="el-dialog__wrapper privacy-popup" style="display: none;">
        <div class="el-dialog el-dialog--small" style="top: 15%;">
          <div class="el-dialog__header">
            <span class="el-dialog__title">《滴滴云隐私政策》更新</span>
            <button type="button" aria-label="Close" class="el-dialog__headerbtn">
              <i class="el-dialog__close el-icon el-icon-close"></i>
            </button>
          </div>
          <!---->
          <!----></div>
      </div>
      <div class="after-singup-prompt-dialog">
        <div class="el-dialog__wrapper custom-dialog" style="display: none;">
          <div class="el-dialog el-dialog--small" style="top: 15%;">
            <div class="el-dialog__header">
              <h1 class="el-dialog__title">企业特惠订阅</h1>
              <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                <i class="el-dialog__close el-icon el-icon-close"></i>
              </button>
            </div>
            <!---->
            <div class="el-dialog__footer">
              <button type="button" class="el-button el-button--default">
                <!---->
                <!---->
                <span>以后再说</span></button>
              <button type="button" class="el-button el-button--primary">
                <!---->
                <!---->
                <span>立即填写</span></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>

</html>